body{
  background-color: #ececec;
}
.title-name{
  color: #005BAC;
  font-size: 1.4em;
  padding-left: 30px;
}
.sign-number-area{
  margin-top: 20px;
}
.sign-number-area span{
  color: #005BAC;
  font-size: 1.6em;
}
.select-area{
  margin-top: 20px;
}
.select-box-area{
  padding-right: 0px;
}
.select-area input{
  width: 100%;
  border-radius: 5px;
  border: #2F78B8 1px solid;
  height: 40px;
  line-height: 40px;
}
.select-area button{
  background-color: #005BAC;
  color: #fff;
  height: 40px;
  border-radius: 5px;
  border: 0px;
  width: 100%;
}
.sign-active{
  background-color: rgb(3,169,243);
  color: #fff;
}
.unsign-active{
  background-color: rgb(91,91,91);
  color: #fff; 
}
.sign-area{
  margin-top: 20px;
  margin-bottom: 20px;
}
.table-area{
  padding-left: 30px;
  padding-right: 30px;
}
table{
  width:100%;
  text-align: center;
  vertical-align: middle;
}
tr{
  height: 40px;
  line-height: 40px;
}
th{
  text-align: center;
  vertical-align: middle;
}
td{
  font-size: 0.9em;
}
.phone-button{
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.phone-button a{
  background-color: rgb(3,169,243);
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.phone-button a:hover{
  text-decoration: none;
}
.bg-cell{
  background-color: #e5e5e5;
}
.no-sign{
  color: #DC143C;
}